<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<%@page pageEncoding="UTF-8"  language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/bootstrap.css" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/bootstrap-epm.css" />
    <script type="text/javascript" src="js/jquery-3.3.1.js" ></script>
    <script type="text/javascript" src="js/bootstrap.js" ></script>

	<script type="text/javascript" src="js/emp.js" ></script>

</head>
<body>
	<nav class="navbar navbar-inverse">
		<div class="navbar-header">
			<button class="navbar-toggle " data-toggle="collapse" data-target="#slider-left" >
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="#">员工信息管理后台</a>
		</div>

		<ul class="nav navbar-nav navbar-right ul-right">
			<li class="col-xs-4"><a href="#"><span class="badge bgRed">20</span></a></li>
			<li class="col-xs-4 "><a href="#">欢迎${sessionScope.username}登陆</a></li>
			<li class="col-xs-4"><a href="exit"><span class="glyphicon glyphicon-off"></span>注销</a></li>
		</ul>

		<div id="slider-left" class="navber navbar-default navbar-collapse collapse slider-left">
			<ul class="nav">
				<li><a href="index.jsp" data-toggle="collapse">首页<span class="glyphicon glyphicon-menu-right pull-right"></span></a></li>

			</ul>
			<ul class="nav">
				<li><a href="#sub1" data-toggle="collapse">系统功能<span class="glyphicon glyphicon-menu-right pull-right"></span></a></li>
				<ul id="sub1" class="nav collapse">
					<li><a href="#"><span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;系统信息<span class="badge bgRed">22</span></a></li>
					<li><a href="#"><span class="glyphicon glyphicon-th-large"></span>&nbsp;&nbsp;日志信息<span class="badge bgRed">10</span></a></li>
					<li><a href="#"><span class="glyphicon glyphicon-tags"></span>&nbsp;&nbsp;退出</a></li>
				</ul>
			</ul>
			<ul class="nav">
				<li><a href="#sub2" data-toggle="collapse">员工管理<span class="glyphicon glyphicon-menu-right pull-right"></span></a></li>
				<ul id="sub2" class="nav collapse">
					<li data-toggle="modal" data-target="#addemp"><a href="#"><span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;添加用户</a></li>
					<li><a href="viewEmp"><span class="glyphicon glyphicon-search"></span>&nbsp;&nbsp;查询员工</a></li>
					<li><a href="viewEmp"><span class="glyphicon glyphicon-ok"></span>&nbsp;&nbsp;修改员工</a></li>
					<li><a href="viewEmp"><span class="glyphicon glyphicon-tags"></span>&nbsp;&nbsp;删除员工</a></li>
				</ul>
			</ul>
			<ul class="nav">
				<li><a href="#sub3" data-toggle="collapse">其他功能<span class="glyphicon glyphicon-menu-right pull-right"></span></a></li>
				<ul id="sub3" class="nav collapse">
					<li><a href="#"><span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;员工统计</a></li>
					<li><a href="#"><span class="glyphicon glyphicon-search"></span>&nbsp;&nbsp;部门管理</a></li>
					<li><a href="#"><span class="glyphicon glyphicon-pencil"></span>&nbsp;&nbsp;会员管理</a></li>
				</ul>
			</ul>

		</div>
	</nav>

  <section>
  	<div class="br_left">
  		<ol class="breadcrumb">
		  <li><a href="#">员工管理</a></li>
		  <li class="active">员工查询</li>
		</ol>
  	</div>
  </section>

	<!-- 添加用户 -->
	<div class="modal fade" id="addemp" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<form action="addEmp">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="myModalLabel">添加员工</h4>
					</div>
					<div class="modal-body">
						<form action="addEmp" >
							<div class="form-group">
								<label for="empno">员工编号</label>
								<input type="text" class="form-control" id="empno" name="empno" placeholder="员工号">
							</div>
							<div class="form-group">
								<label for="empname">员工姓名</label>
								<input type="text" class="form-control" id="empname" name="empname" placeholder="员工姓名">
							</div>
							<div class="form-group">
								<label for="hiredate">入职日期</label>
								<input type="text" class="form-control" id="hiredate" name="hiredate" placeholder="入职日期">
							</div>
						</form>

					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="reset" class="btn btn-default" >重置</button>
						<button type="submit" class="btn btn-default" >提交</button>
					</div>
				</div>
			</form>
		</div>
	</div>

</body>
</html>
